<template>
  <page-view class="page-view" :title="false">
    <div slot="headerContent">
      <a-breadcrumb class="s-breadcrumb">
        <a-breadcrumb-item>工资管理</a-breadcrumb-item>
        <a-breadcrumb-item><nuxt-link
          to="/salary/SalaryApprovalIndex"
        >财务审核</nuxt-link></a-breadcrumb-item>
      </a-breadcrumb>
    </div>

    <!-- 查询和其他操作 -->
    <a-card class="s-card">
      <div class="modules-content">
        <div class="search-content" style="justify-content: space-between;">
          <a-radio-group v-model="value" @change="handleSizeChange">
            <a-radio-button value="1">工作审核</a-radio-button>
            <a-radio-button value="2">水电审核</a-radio-button>
            <a-radio-button value="3">课时费</a-radio-button>
          </a-radio-group>
        </div>
        <div class="modules-content">
          <SalaryDepartmentIndex v-if="value === '1'" />
          <SalaryHydropowerIndex v-if="value === '2'" />
          <SalaryTuitionfeeIndex v-if="value === '3'" />
        </div>
      </div>
    </a-card>
  </page-view>
</template>
<style></style>
<script>
import { STable, PageView } from '@/components'
import SalaryDepartmentIndex from '@/pages/salary/modules/SalaryDepartmentIndex'
import SalaryHydropowerIndex from '@/pages/salary/modules/SalaryHydropowerIndex'
import SalaryTuitionfeeIndex from '@/pages/salary/modules/SalaryTuitionfeeIndex'

export default {
  name: 'SalaryApprovalIndex',
  components: {
    STable,
    PageView,
    SalaryDepartmentIndex,
    SalaryHydropowerIndex,
    SalaryTuitionfeeIndex
  },
  data () {
    return {
      value: '1'
    }
  },
  methods: {
    handleSizeChange (e) {
      console.log(e.target.value)
    }
  }
}
</script>
